<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
          *{margin: 0;padding: 0;}
.one{background-color:rgb(245, 245, 245);
   position: fixed;top: 0;
    width: 100%;height:50px;}
    .x{background-color: palevioletred;margin: 10px;
        width:160px;height:38px;text-align: center;}
         .nav{width: 1400px; height: 90px; margin: 0 auto; user-select: none; border: 2px solid #848484;}
         .two{width:1400px;height:40px;margin: 0 auto; user-select: none; border: 2px solid white;}
         .header{ position: relative; 
    width:1400px;height:1550px;
    margin: 10px auto 0 auto; box-shadow: 0 0 5px black; overflow: hidden;}
    </style>
</head>
<body>
    <div class="one">
        <img src="./image/imge/OIP-C (1).jpg" width="100px;"height="40px" alt=""><span style="color: aqua;">直播</span>
        <img src="./image/imge/ico.ico" alt=""> 首页
            <span style="margin: 10px;">直播</span>
            <span style="margin: 10px;">网游</span>
            <span style="margin: 10px;">手游</span>
            <span style="margin: 10px;">单机游戏</span>
            <span style="margin: 10px;">虚拟主播</span>
            <span style="margin: 10px;">娱乐</span>
            <span style="margin: 10px;">电台</span>
            <span style="margin: 10px;">赛事</span>
            <span style="margin: 10px;">聊天室</span>
            <span style="margin: 10px;">生活</span>
            <span style="margin: 10px;">知识</span>
            <span style="margin: 10px;">更多</span>
            <input type="search" placeholder="康耐视教程" style="height: 40px;">
            <span style="margin: 10px;">关注</span><span style="margin: 10px;">购买电池</span><span style="margin: 10px;">下载客户端</span>
            <span class="x">我要开播</span>
        </div>
        <div class="nav">
            <span>电台直播</span>
            <p style="color: aquamarine;">全部</p >
            <input type="search"placeholder="唱见电台" style="width: 70px;" style="margin: 40px;" >
            <input type="search"placeholder="聊天电台" style="width: 70px;" style="margin: 40px;" >
            <input type="search"placeholder="男声电台" style="width: 70px;" style="margin: 40px;" >
            </div>
            <div>
                <img src="./image/imge/web_kv.4a915abd.jpg" width="80%" height="301px;" style="margin-left: 150px;">
            </div>
            <div class="two">
                <span style="color: aqua;">推荐</span><span style="margin: 10px;">Topstar</span><span style="margin: 10px;">萌新主播</span>
            <span style="margin: 10px;">魅力男声</span>
            </div>
            <div class="header">
             <img src="./image/imge/5498.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/OIP-C (3).jpg" width="270px;" height="160px;">
             <img src="./image/imge/0663.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/R-C (1).jpg" width="270px;" height="160px;">
             <img src="./image/imge/jisoo.jpg" width="270px;" height="160px;">
             <span style="margin: 100px;">古风/流行</span>
             <span style="margin: 100px;">奶青/流行</span>
             <span style="margin: 100px;">电台唱见</span>
             <span style="margin: 100px;">你的小可爱</span>
             <span style="margin: 80px;">弹唱吉他</span>
             <img src="./image/imge/5498.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/OIP-C (3).jpg" width="270px;" height="160px;">
             <img src="./image/imge/0663.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/R-C (1).jpg" width="270px;" height="160px;">
             <img src="./image/imge/jisoo.jpg" width="270px;" height="160px;">
             <span style="margin: 100px;">实力唱见</span>
             <span style="margin: 100px;">想不想打针</span>
             <span style="margin: 100px;">甜妹小绮</span>
             <span style="margin: 100px;">温柔请教</span>
             <span style="margin: 80px;">第一次这样播</span>
             <img src="./image/imge/5498.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/OIP-C (3).jpg" width="270px;" height="160px;">
             <img src="./image/imge/0663.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/R-C (1).jpg" width="270px;" height="160px;">
             <img src="./image/imge/jisoo.jpg" width="270px;" height="160px;">
             <span style="margin: 100px;">牛nn随便播</span>
             <span style="margin: 100px;">烟嗓大雨</span>
             <span style="margin: 100px;">啊呜一口</span>
             <span style="margin: 100px;">在你身边</span>
             <span style="margin: 80px;">人少好下手</span>
             <img src="./image/imge/5498.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/OIP-C (3).jpg" width="270px;" height="160px;">
             <img src="./image/imge/0663.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/R-C (1).jpg" width="270px;" height="160px;">
             <img src="./image/imge/jisoo.jpg" width="270px;" height="160px;">
             <span style="margin: 100px;">网恋被骗138</span>
             <span style="margin: 100px;">好好爱自己</span>
             <span style="margin: 100px;">白茶清欢</span>
             <span style="margin: 100px;">自己进来</span>
             <span style="margin: 80px;">在本站唱见</span>
             <img src="./image/imge/5498.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/OIP-C (3).jpg" width="270px;" height="160px;">
             <img src="./image/imge/0663.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/R-C (1).jpg" width="270px;" height="160px;">
             <img src="./image/imge/jisoo.jpg" width="270px;" height="160px;">
             <span style="margin: 100px;">国风/流行</span>
             <span style="margin: 100px;">每一句话</span>
             <span style="margin: 100px;">等风也等你</span>
             <span style="margin: 100px;">关爱留守主播</span>
             <span style="margin: 80px;">流行/古风</span>
             <img src="./image/imge/5498.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/OIP-C (3).jpg" width="270px;" height="160px;">
             <img src="./image/imge/0663.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/R-C (1).jpg" width="270px;" height="160px;">
             <img src="./image/imge/jisoo.jpg" width="270px;" height="160px;">
             <span style="margin: 100px;">开播半年</span>
             <span style="margin: 100px;">06少女</span>
             <span style="margin: 100px;">修仙多年</span>
             <span style="margin: 100px;">副教的声乐</span>
             <span style="margin: 80px;">弹唱吉他</span>
             <img src="./image/imge/5498.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/OIP-C (3).jpg" width="270px;" height="160px;">
             <img src="./image/imge/0663.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/R-C (1).jpg" width="270px;" height="160px;">
             <img src="./image/imge/jisoo.jpg" width="270px;" height="160px;">
             <span style="margin: 100px;">欧美/流行</span>
             <span style="margin: 100px;">奶青/流行</span>
             <span style="margin: 100px;">甜御唱见</span>
             <span style="margin: 100px;">你的小可爱</span>
             <span style="margin: 80px;">吉他弹唱</span>
             <img src="./image/imge/5498.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/OIP-C (3).jpg" width="270px;" height="160px;">
             <img src="./image/imge/0663.jpg_wh860.jpg" width="270px;" height="160px;">
             <img src="./image/imge/R-C (1).jpg" width="270px;" height="160px;">
             <img src="./image/imge/jisoo.jpg" width="270px;" height="160px;">
             <span style="margin: 100px;">很听话</span>
             <span style="margin: 100px;">白袜妹妹</span>
             <span style="margin: 100px;">是因为他</span>
             <span style="margin: 100px;">叫姐姐</span>
             <span style="margin: 80px;">温柔少女</span>
         </div>
</body>
</html>